<!DOCTYPE html>
<html><head>
<meta charset="UTF-8" />
<title>Уређивач хипертекста</title>
<style>
  html, body { height: 98%; }
  table { width: 100%; height: 100%; }
  textarea { width: 98%; height: 98%; }
  h1, h2 { color: red; text-align: center; }
  p {
    text-indent: 2em;
    text-align: justify;
    margin: auto;
  }
  td {
    vertical-align: top; 
    overflow: auto;
  }
</style>
</head><body>

<table>
  <tbody>
    <tr>
      <td><textarea onkeyup="document.querySelector('#right').innerHTML = this.value">
&lt;h1&gt;Структура документа&lt;/h1&gt;

&lt;p&gt;Ово је први пасус у документу. Приметите да сви пасуси имају први ред одмакнут од леве маргине.
Остали редови нису одмакнути.
То је постигнуто изменама параметара стила у оквиру заглавља овог документа.
Детаљније се може сазнати увидом у изворни код документа десним кликом на документ.&lt;/p&gt;

&lt;p&gt; Други пасус. Овако се пишу неједнакости: &lt;/p&gt;

&lt;center&gt; a &lt; b и x &gt; y &lt;center&gt;
</textarea></td>
      <td style="height: 100%; width: 50%;" id="right" />
    </tr>
  </tbody>
</table>

&lt;p&gt; Наставник Драгољуб је написао кратко
 &lt;a href="http://www.dragoljub.rs/HTMLuputstvo.html"&gt;упутство за хипертекст на српском језику&lt;/a&gt;.
 Кратко
 &lt;a href="http://www.w3.org/MarkUp/Guide/"&gt;упутство за хипертекст на енглеском језику&lt;/a&gt;
 налази се на сајту конзорцијума W3
 који брине о стандардима у вези Интернета. &lt;/p&gt;

</body></html>